<!-- topbar starts -->
<div class="navbar">
<div class="navbar-inner">
        <div class="container-fluid">
            <a class="brand" href="#"><img src="<%= logoImg %>"><span><%= webName %></span> </a>

            <!-- theme selector starts -->
            <div class="btn-group pull-right">
                <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                    <i class="icon-tint"></i><span class="hidden-phone">更换皮肤</span>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" id="themes">
                	<% _.each(themes, function(theme) { %>
	               		<li><a data-value="<%= theme.value %>" href="#"><i class="icon-blank"></i> <%= theme.name %></a></li>
                	 <% }); %>
                </ul>
            </div>
            <!-- theme selector ends -->

            <!-- user dropdown starts -->
            <div class="btn-group pull-right">
                <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                    <i class="icon-user"></i><span class="hidden-phone"><%= loginUser %></span>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">设置</a></li>
                    <li class="divider"></li>
                    <li><a href="login.html">退出</a></li>
                    <li class="divider"></li>
                    <li><a href="changelog.html">Change Log</a></li>
                     <li><a href="readme.html">Read Me</a></li>
                </ul>
            </div>
            <!-- user dropdown ends -->
        </div>
    </div>
  </div>
<!-- topbar ends -->